<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <script src="./js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="../assets/vendors/nprogress/nprogress.css">



    <script src="./js/home/common.js"></script>
</head>
</head>

<body>
    <!--左侧公共-->

    @@include('./common/home/topnav.html')
    <!--右侧公共-->
    <div class="right-common">
        <div class="serach whiteBG">
            <h4>搜索</h4>
            <div class="input-keyWords">
                <div class="input-box">
                    <input type='text' placeholder='输入关键字'><button type="button">搜索</button>
                </div>
            </div>
        </div>
        <div class="random-recommonded whiteBG">
            <h4>随机推荐</h4>
            <ul>
                <li>
                    <div class="random-recommonded-leftwords">
                        <a href="#">
                            <p>废灯泡的14种玩法 妹子见了都会心动</p>
                            <span> 阅读(819)</span>
                        </a>
                    </div>
                    <img src="./img/widget_1.jpg">
                </li>
                <li>
                    <div class="random-recommonded-leftwords">
                        <a href="#">
                            <p>可爱卡通造型 iPhone 6防水手机套</p>
                            <span> 阅读(819)</span>
                        </a>
                    </div>
                    <img src="./img/widget_2.jpg">
                </li>
                <li>
                    <div class="random-recommonded-leftwords">
                        <a href="#">
                            <p>变废为宝！将手机旧电池变为充电宝的Better</p>
                            <span> 阅读(819)</span>
                        </a>
                    </div>
                    <img src="./img/widget_3.jpg">
                </li>
                <li>
                    <div class="random-recommonded-leftwords">
                        <a href="#">
                            <p>老外偷拍桂林芦笛岩洞 美如“地下彩虹”</p>
                            <span> 阅读(819)</span>
                        </a>
                    </div>
                    <img src="./img/widget_4.jpg">
                </li>
                <li>
                    <div class="random-recommonded-leftwords">
                        <a href="#">
                            <p>doge神烦狗打底南瓜裤 就是如此魔性</p>
                            <span> 阅读(819)</span>
                        </a>
                    </div>
                    <img src="./img/widget_5.jpg">
                </li>
            </ul>
        </div>
        <div class="new-comment whiteBG">
            <h4>最新评论</h4>
            <ul>
                <li>
                    <img src="./img/avatar_1.jpg">
                    <div class="new-comment-rightwords ">
                        <a href="# ">
                            <p><span>鲜活</span>2020-02-01说:
                            </p>
                            <p>挺会玩的</p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar_1.jpg">
                    <div class="new-comment-rightwords ">
                        <a href="# ">
                            <p><span>鲜活</span>2020-02-01说:
                            </p>
                            <p>挺会玩的</p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar_2.jpg">
                    <div class="new-comment-rightwords ">
                        <a href="# ">
                            <p><span>鲜活</span>2020-02-01说:
                            </p>
                            <p>挺会玩的</p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar_1.jpg ">
                    <div class="new-comment-rightwords ">
                        <a href="# ">
                            <p><span>鲜活</span>2020-02-01说:
                            </p>
                            <p>挺会玩的</p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar_2.jpg ">
                    <div class="new-comment-rightwords ">
                        <a href="# ">
                            <p><span>鲜活</span>2020-02-01说:
                            </p>
                            <p>挺会玩的</p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar_1.jpg ">
                    <div class="new-comment-rightwords ">
                        <a href="# ">
                            <p><span>鲜活</span>2020-02-01说:
                            </p>
                            <p>挺会玩的</p>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 中间-->
    <div class="middle-common">

        <!--中间公共-->

        <!--最新发布-->
        @@include('./common/home/listpanel.html')

    </div>
</body>

@@include('./common/base.html')
<script src="./js/home/list.js"></script>

</html>